{% extends "layout.html" %}

{% block header %}
{% endblock%}

{% block content %}
{% import "common/pager.html" as pager %}
<div class="list-box clearfix">
    <div class="list-box-left">
        <ul class="list-box-content clearfix">
            {% for item in pagerObj.items %}
                <li>
                  <a href="/">
                    <img src="{{item.cover|imgUrl('200x200')}}" alt="{{item.title}}"/>
                    <div class="list-box-desc">{{item.title}}</div>
                  </a>
                </li>
            {% endfor %}
        </ul>
        <div class="center">
            <div class="ib">
                {{ pager.page(pagerObj,ctx) }}
            </div>
        </div>
    </div>
    <div class="list-box-right">
        <div class="tags">
            <div class="tags-header">
                热门标签
            </div>
            <div class="tags-list clearfix">
                <a href="javascript:void(0)">tag1</a>
                <a href="javascript:void(0)">tag1</a>
                <a href="javascript:void(0)">tag1</a>
                <a href="javascript:void(0)">tag1</a>
                <a href="javascript:void(0)">tag1</a>
                <a href="javascript:void(0)">tag1</a>
                <a href="javascript:void(0)">tag1</a>
                <a href="javascript:void(0)">tag1</a>
                <a href="javascript:void(0)">tag1</a>
                <a href="javascript:void(0)">tag1</a>
            </div>
        </div>
    </div>
</div>
{% endblock%}